<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:replace="commonJS::commonJsCss('未出帐单查询')">
    <title>未出帐单查询</title>
</head>
<body ng-app="chargeBillApp" ng-controller="chargeBillCtrl" ng-init="init()">
<div id="otherprint" style="height: 100%">
    <!--通用头部-->
    <div th:replace="head::header" ></div>
    <div th:replace="menu::menu" ></div>
    <div style="height: 91%">
        <div class="form-query">
            <table class="div_form_table">
                <tr>
                    <td class="div_form_middle_title" style="text-align: left;">
                        开始日期：
                        <input id="startDate" name="startDate" size="25" type="text" class="Wdate"
                               onclick="WdatePicker({dateFmt:'yyyy-MM-dd',maxDate:'#F{$dp.$D(\'endDate\')}',onpicked:function(){$(this).trigger('change')}})"
                               data-ng-model="startDate" readonly/>
                        结束日期：
                        <input id="endDate" name="endDate" size="25" type="text" class="Wdate"
                               onclick="WdatePicker({dateFmt:'yyyy-MM-dd',minDate:'#F{$dp.$D(\'startDate\')}',onpicked:function(){$(this).trigger('change')}})"
                               data-ng-model="endDate" readonly/>
                        合同用户：
                        <select id="contractUserSel" style="width: 150px;height: 30px;">
                            <option value=""><--请选择--></option>
                            <option th:each="contractUser : ${contractUserList}" th:value="${contractUser.contractUserId}" th:text="${contractUser.userAbbrev}" />
                        </select>

                        <button class="form-btn-edit" data-ng-click="findChargeBill()">查询</button>
                        <button class="form-btn-insert" data-ng-click="printFile()">打印</button>
                        <button class="form-btn-insert" data-ng-click="exportFile()">导出</button>
                    </td>
                </tr>
            </table>
        </div>

        <div class="form-table" style="width: 88%;min-height: 605px;height: 93%">
            <!--表格+条件查询+关联+分页-->
            <div class="billingrule_table_div">
                <div class="form-table" style="margin: 3px;" id="printpart">
                    <!--表格加分页：inline-block使分页在表格下-->
                    <div class="page-in-table">
                        <!--表格-->
                        <table class="efbtable">
                            <tbody>
                            <tr>
                                <td class="efbTable-border" style="width: 5%;"><span>1</span></td>
                                <td class="efbTable-border" style="width: 50%;"><span>当月服务舱单航班数</span></td>
                                <td class="efbTable-border"><span>{{chargeBillVO.loadsheetnum}}</span></td>
                            </tr>
                            <tr>
                                <td class="efbTable-border" style="width: 5%;"><span>2</span></td>
                                <td class="efbTable-border"><span>当月服务旅客名单航班数</span></td>
                                <td class="efbTable-border"><span>{{chargeBillVO.passgerlistnum}}</span></td>
                            </tr>
                            <tr>
                                <td class="efbTable-border" style="width: 5%;"><span>3</span></td>
                                <td class="efbTable-border"><span>当月重发航班数</span></td>
                                <td class="efbTable-border"><span>{{chargeBillVO.repeatnum}}</span></td>
                            </tr>
                            <tr>
                                <td class="efbTable-border" style="width: 5%;"><span>4</span></td>
                                <td class="efbTable-border"><span>重发率</span></td>
                                <td class="efbTable-border"><span>{{chargeBillVO.repeatrate}}</span></td>
                            </tr>
                            <tr>
                                <td class="efbTable-border" style="width: 5%;"><span>5</span></td>
                                <td class="efbTable-border"><span>当月超出{{chargeBillVO.ruleRate}}%的航班数</span></td>
                                <td class="efbTable-border"><span>{{chargeBillVO.overnum}}</span></td>
                            </tr>
                            <tr>
                                <td class="efbTable-border" style="width: 5%;"><span>6</span></td>
                                <td class="efbTable-border"><span>当月服务航班总数</span></td>
                                <td class="efbTable-border"><span>{{chargeBillVO.total}}</span></td>
                            </tr>
                            <tr>
                                <td class="efbTable-border" style="width: 5%;"><span>7</span></td>
                                <td class="efbTable-border"><span>本月天数</span></td>
                                <td class="efbTable-border"><span>{{chargeBillVO.days}}</span></td>
                            </tr>
                            <tr>
                                <td class="efbTable-border" style="width: 5%;"><span>8</span></td>
                                <td class="efbTable-border"><span>本月日均服务航班数</span></td>
                                <td class="efbTable-border"><span>{{chargeBillVO.average}}</span></td>
                            </tr>
                            <tr>
                                <td class="efbTable-border" style="width: 5%;"><span>9</span></td>
                                <td class="efbTable-border"><span>本月服务费用（元）</span></td>
                                <td class="efbTable-border"><span>{{chargeBillVO.cost}}</span></td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <!--外部容器的DIV随着内部DIV增多而增加高度-->
            <div style="clear:both;"></div>
        </div>

        <!--<div class="modal fade" tabindex="-1" role="dialog" id="choseFileFormatModal">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header modal-header-efb">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title modal-title-efb">提示</h4>
                    </div>
                    <div class="modal-body">
                        <div class="row-fluid">
                            <div class="span12">
                                <table class="div_form_table">
                                    <tr>
                                        <td class="div_form_middle_title">
                                            请选择导出格式
                                            &nbsp;&nbsp;:&nbsp;&nbsp;
                                        </td>
                                        <td class="div_form_middle_other">
                                            <input type="radio" name="fileFormat" value="1" style="width: 40px;" checked/>Word格式
                                            <input type="radio" name="fileFormat" value="2" style="width: 40px;"/>PDF格式
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer modal-footer-efb">
                        <button type="button" class="form-btn-edit" data-ng-click="exportFile()">确定</button>
                        <button type="button" class="form-btn-cancel" data-ng-click="closeChoseFileFormatModal()">取消</button>
                    </div>
                </div>
            </div>
        </div>-->
    </div>


    <!--通用尾部-->
    <div th:replace="footer::footer" ></div>
</div>
<div id="printshow"></div>

</body>
<script type="text/javascript" th:src="@{/js/chargeBill/ChargeBillModule.js}"></script>
<script type="text/javascript" th:src="@{/js/common/cookieUtil.js}"></script>
<script type="text/javascript" th:src="@{/js/chargeBill/ChargeBillService.js}"></script>
<script type="text/javascript" th:src="@{/js/chargeBill/ChargeBillController.js}"></script>
<!--时间插件-->
<script type="text/javascript" th:src="@{/js/My97DatePicker/WdatePicker.js}" charset="UTF-8"></script>
<script th:inline="javascript">
    var type = [[${contractUserList}]];
    if(type.length==1){
        $("#contractUserSel").val(type[0].contractUserId);
    }
</script>
</html>